<template>
	<div class="contanis">
		 <div class="search">
			  <input type="text" value="" placeholder="请输入搜索内容"/>
		 </div>
		 <div class="swiper"></div>
		 <div class="storage-contains">
			  <div class="storage-tab">
				   <span class="on">出库</span>
				   <span>入库</span>
			  </div>
			  <div class="storage-content">
				   <div class="storage-content-item">
					    <div class="storage-content-pic">
							 <image src="" mode=""></image>
						</div>
					    <div class="storage-content-info">
							 <div class="storage-content-i-title">
								  和安特12334
							 </div>
							 <div class="storage-content-i-title-min">
							 	  和安特12334
							 </div>
							 <div class="storage-content-i-sku">
							 	  颜色:抹茶绿 尺码：165大扛
							 </div>
							 <div class="storage-content-i-sku">
                                  2020年12月10日
							 </div>
							 <div class="storage-content-i-has">
							      库存：3020
							 </div>
						</div>
				   </div>
				   <div class="storage-content-item"></div>
			  </div>
		 </div>
	</div>
</template>

<script>
</script>

<style>
	.search { width: 90%; height: 40px; border-radius: 10px; margin: 10px auto; background: #eee;}
	.search input { width: 100%; height: 40px;}
	.storage-contains { width: 100%; height: auto;}
	.storage-tab { width: 90%; margin: 0 auto;}
	.storage-tab .on { border-bottom: 1px solid red;}
	.storage-tab span { display: inline-block; width: auto; height: 30px; padding: 0 10px;}
	.storage-content { width: 95%; height: auto; margin: 10px auto;}
	.storage-content-pic { display: inline-block; vertical-align: top; width: 80px; height: 80px; background: red;}
	.storage-content-pic image { width: 100%; height: 100%;}
	.storage-content-item { width: 100%; height: 90px;}
	.storage-content-info { display: inline-block; padding-left: 10px; width: auto; height: 80px;}
	.storage-content-i-title-min { font-size: 13px;}
	.storage-content-i-sku { color: #666; font-size: 13px;}
	.storage-content-i-has { color: red;}
</style>